<header>
    <div style="position: relative;" class="bancen">
        <ul class="h-header-left">
            <li><a id="a" href="http://localhost:3000/dist/index.html">首页</a></li>
            <li>华为官网</li> 
            <li>花粉俱乐部</li>
            <li>V码（优购码）</li>
            <li>企业购</li>
            <li>Select Region</li>
            <li>更多精彩<span class="span-jiantou"></span></li>
        </ul>

        <ul class="h-header-right">
            <li id="login"><a href="http://localhost:3000/dist/login.html">请登录 注册</a></li>
            <li>我的订单</li>
            <!-- 这里开始用js添加二级菜单！！ -->
            <li class="gray" id="server">
                客服<span class="span-jiantou"></span>
                <div class="top-list" id="server-list">
                    <dt>服务中心</dt>
                    <dt>联系客服</dt>
                </div>
            </li>
            <li class="gray">网站导航<span class="span-jiantou"></span></li>
            <li class="gray" id="phone">
                手机版<span class="span-jiantou"></span>
                <div class="top-list" id="phone-list">
                    <div class="phone1 clear">
                        <img src="https://res.vmallres.com/pimages//pages/cdnImages/FWETOIrFlCrX4xuB8E16.png" alt="">
                        <div class="phone-right">
                            <h4>华为商城APP</h4>
                            <p>新人专享福利，<br>最高5000积分</p>
                        </div>
                    </div>
                    <div class="phone1 clear">
                        <img src="https://res.vmallres.com/pimages//pages/cdnImages/FWETOIrFlCrX4xuB8E16.png" alt="">
                        <div class="phone-right">
                            <h4>华为商城APP</h4>
                            <p>新人专享福利，<br>最高5000积分</p>
                        </div>
                    </div>
                    <div class="phone1 clear">
                        <img src="https://res.vmallres.com/pimages//pages/cdnImages/FWETOIrFlCrX4xuB8E16.png" alt="">
                        <div class="phone-right">
                            <h4>华为商城APP</h4>
                            <p>新人专享福利，<br>最高5000积分</p>
                        </div>
                    </div>
                </div>
            </li>
            <li id="cart">购物车<span class="span-jiantou"></span>
                <div class="top-list" id="cart-list">
                    <img src="https://res.vmallres.com/portal/1.10.6.303/h5/images/cart-big.svg" alt="">
                    <div>您的购物车是空的，赶紧选购吧~</div>
                </div>
            </li>
        </ul>
    </div>
</header>